<template>
<div class="edit">
    <form>
  <table border="1" cellpadding="0" cellspacing="0" >
            <tr>
                <th>序号</th>
                <th>标题</th>
                <th>图片</th>
                <th>时间</th>
                <th>是否上架</th>
                <th>热销</th>
                <th>销量</th>
                <th>访问量</th>
            </tr>
            <tr  v-for="item in ImgList" :key="item">
                <td>{{item.id}}</td>
                <td>{{item.title}}</td>
                <td><img :src="item.imgURL"></td>
                <td>{{item.createTime}}</td>
                <td>{{item.grounding == true ? '是' :'否'}}</td>
                <td><input type="number" placeholder="输入修改热度" v-bind:disabled="isd" ></td>
                <td><input type="number" placeholder="输入修改销售量" v-bind:disabled="isd"></td>
                <td><input type="number" placeholder="输入修改访问量" v-bind:disabled="isd"></td>
                <td><input type="checkbox" @click="fuxuan"></td>
            </tr>
        </table>
        </form>
        </div>
</template>

<script>
import ImgList from "../../assets/index.js";
export default {
    data(){
        return{
            ImgList,
            fuxuan: false,
            
        }
    },
    methods:{
        // fuxuan(){
        //     this.isd = !this.isd
        // }
    }
    
    
}
</script>

<style scoped>
.edit table{
    width: 95%;
    margin: 0 auto;   
    text-align: center;
}

.edit table tr img{
    width: 200px;
    height:150px;
    margin-top: 20px;
    margin: 10px auto;
}
</style>